<template>
  <div class="zhtt-border-box">
    <h4>第三层组件：demo10-component08-children01-children01.vue</h4>
    从第一层组件中取到的数据loginUser：{{loginUser}}<br/>
    从第一层组件中取到的数据sex：{{sex}}<br/>
  </div>
</template>

<script>
import {inject} from 'vue';
export default {
  setup(){
    console.log('子组件setup()');
    const loginUser = inject('loginUser');
    const sex = inject('sex');
    return{
      loginUser,
      sex
    }
  }
}
</script>

<style scoped>

</style>